<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
    <title><s:property value="#session.orgName.name"/></title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$('.dropdown-toggle').dropdown();
	</script>
	<style type="text/css">
		
	</style>
  </head>
  
  <body>
   	<jsp:include page="include/head.jsp">
   		<jsp:param value="contact" name="tag"/>
   	</jsp:include>
 	<div class="container" style="margin-top: 60px;">
 		<div class="row-fluid">
	 		<div class="span8" style="margin-top:10px;">
	 			<div class="content" style="height:auto;border:1px #ccc solid;">
	 				<div class="head well" style="padding:10px 15px 0 10px;">
	 					<div style="float:left;">
				             <ul class="nav nav-pills">
							   <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								           姓名<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
							    <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								         职位<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
							    <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								         邮箱<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
							    <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								         电话<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
							    <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								       地址<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
							    <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								       背景信息<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
							    <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								       网址<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
							    <li class="dropdown">
								    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
								      IM<b class="caret"></b></a>
								    <ul class="dropdown-menu">
										<div style="width:180px;padding:10px 10px 0 10px;">
											<form class="form-search">
								      			<input type="text" name="name" class="input-small search-query"/>
												<button data-loading-text="处理中.." class="btn" type="submit">搜索</button>
								      		</form>
										</div>
		    						</ul>
							    </li>
						    </ul>
				         </div>
				         <div style="float:right;">
	 						<form class="form-inline">
				              <select class="span2">
				                <option>所有的联系人</option>
				                <option>所有的个人</option>
				                <option>所有的公司</option>
				                <option>我创建的联系人</option>
				                <option>未打标签的联系人</option>
				                <option>最近……</option>
				                <option>最近添加的联系人</option>
				              </select>
					        </form>
	 					</div>
				        <div style="clear:both;"></div>
				     </div>
	 				
	 				<div style="padding:0 10px 10px 10px;">
	 					<div>
	 						<div style="float:left;color:#555">勾选联系人后可以批量添加标签、修改访问权限、删除和群发邮件</div>
	 						<div style="float:right;"><a href="#">全选</a></div>
	 						<div style="clear:both;"></div>
	 					</div>
	 					<table class="table">
						    <thead>
							    <tr>
								    <th width="2%"></th>
								    <th width="10%"></th>
								    <th width="40%"></th>
								    <th width="48%"></th></tr>
						    </thead>
						    <tbody>
							    <tr>
								    <td><input type="checkbox"/></td>
								    <td>img</td>
								    <td>
										<p><strong style="color:#049cdb;">workxp</strong>
										<strong style="padding-left:10px;">主管</strong></p>
										email、tel
									</td>
								    <td>Apple</td></tr>
								<tr>
								    <td><input type="checkbox"/></td>
								    <td>img</td>
								    <td>
										<p><strong style="color:#049cdb;">workxp</strong>
										<strong style="padding-left:10px;">主管</strong></p>
										email、tel
									</td>
								    <td>Apple</td></tr>
						    </tbody>
						</table>
	 				</div>
	 			</div>
			</div>
 			
			<div class="span4" style="margin-top:10px;">
				<div class="well" style="height:auto;border:1px #ccc solid;padding:10px 10px 10px 10px;">
					<ul>
						<li><a href="">添加联系人</a></li>
						<li><a href="">添加公司</a></li>
						<li><a href="">导入联系人</a></li>
						<li><a href="">导出联系人</a></li>
					</ul>
				</div>
				<div class="well" style="height:auto;border:1px #ccc solid;padding:0 10px 10px 10px;">
					<div style="margin-top:15px;font-size:14px;"><strong>按标签查询</strong></div>
					<table class="table">
					    <thead>
						    <tr>
							    <th width="10%"></th>
							    <th width="90%"></th>
						    </tr>
					    </thead>
					    <tbody>
						    <tr>
							    <td>G</td>
							    <td><span class="label label-info">管理员</span></td></tr>
					    </tbody>
					</table>
				</div>
			</div>
		</div>
 	</div>
  </body>

</html>
